<template>
    <view class="box">
        <input placeholder-class="placeholderclass" class="input" placeholder="输入新姓名" type="text">
        <button @click="trueeditname" class="button">确定</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            };
        },
        methods: {
            trueeditname() {
                uni.navigateBack({
                    delta: 1
                })
            }
        }
    }
</script>

<style lang="scss" scoped>
    .box {
        background-color: #EEEEEE;
        min-height: 100vh;
        padding: 30rpx;
    }

    .input {
        width: 690rpx;
        height: 88rpx;
        background-color: #ffffff;
        border-radius: 20rpx;
        padding: 0 30rpx;
        box-sizing: border-box;


        /deep/ .placeholderclass {
            font-size: 28rpx;
            color: #cccccc;
        }
    }

    .button {
        margin-top: 30rpx;
        width: 570rpx;
        height: 98rpx;
        background-color: #1bc078;
        border-radius: 49rpx;

        font-size: 28rpx;
        color: #ffffff;
        line-height: 98rpx;
    }
</style>
